Split Buttons: Definition 拆分按鈕

什麼是分裂按鈕?

定義:分裂按鈕是一種雙功能按鈕,包含兩個部分:

標籤部分:點選後直接執行預設操作。

箭頭部分:點選後展開選單,顯示相關的其他選項。

左:“段落”按鈕是一個常規的選單按鈕。在該按鈕上的任何位置單擊都會開啟選單,並且單擊“段落”不會做出預設選擇。正確:“插入”按鈕是一個拆分按鈕。單擊“插入”本身會執行預設的插入文字操作,但不會開啟選單,而單擊按鈕的箭頭部分會開啟一個選單,提供幾個相關命令。

特點:

節省操作成本:預設選項可一鍵訪問,無需展開選單。

降低介面複雜度:將相似命令分組到一個按鈕中,減少視覺幹擾。

示例:

普通選單按鈕:點選後始終展開選單,沒有預設選項。

分裂按鈕:點選標籤執行預設操作,點選箭頭展開選單。

設計中的優缺點

優點:

適合高頻操作:將常用選項設為預設,減少使用者點選步驟。

整合相關工具:便於使用者理解和管理複雜功能。

缺點:

學習成本:新使用者可能不瞭解箭頭部分的功能。

觸屏裝置不友好:箭頭目標太小,容易誤操作。

分裂按鈕的設計要點

1. 明確箭頭部分

使用清晰的視覺分隔(如分割線或顏色差異)。

避免僅在滑鼠懸停時顯示箭頭,確保箭頭始終可見。

2. 使用文字標籤

標籤需清楚描述預設操作(例如“插入”、“回覆”)。

避免僅使用圖示,文字可以提升學習性和發現性。

3. 控制選單內容

選項數量:少於 10–12 項,避免選擇過載。

排序規則:

  • 少量選項(<5):按使用頻率排序。
  • 大量選項(>5):按字母順序排序,方便預測。

子選單:儘量避免,減少誤操作的可能性。

鍵盤快捷鍵:在選單中顯示快捷鍵,便於學習。

持續性分裂按鈕(Persistent Split Buttons)

特點:使用者選擇的選單選項會成為新的預設選項,例如:

Windows 截圖工具:選擇“視窗截圖”後,“新建”按鈕會預設觸發視窗截圖,直到使用者更改選項。

適用場景:

高頻重複操作:加快批次任務處理速度。

限制場景:避免在有大量新手使用者的環境中使用,因為動態變化的預設選項可能破壞介面的一致性,增加學習難度。

分裂按鈕的適用場景:

桌面應用中,包含大量命令的工具欄。

需要快速訪問常用工具的場景。